<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表页</title>
		<link rel="stylesheet" type="text/css" href="common/common.css"/>
		<link rel="stylesheet" type="text/css" href="common/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/list.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
	</head>
	<body>
		<div class="container">
			<div class="top_color"></div>
			<!--hender-->
			<div class="hender">
				<!--企业logo-->
				<div class="logo fl">
					<h1>
						<a href="index.html">
							<img src="common/asset/images/logo.png"/>
							<p>鼎搜网</p>
						</a>
					</h1>
				</div>
				<!--导航栏-->
				<div class="nav fl">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="about.html">关于鼎搜</a></li>
						<li><a href="register.html">鼎搜服务</a></li>
						<li class="active"><a href="list.html">鼎搜动态</a></li>
						<li><a href="login.html">鼎搜诚聘</a></li>
						<li><a href="script:void 0">鼎搜公益</a></li>
					</ul>
				</div>
				<!--搜索框-->
				<div class="hd_input fl">
					<form action="#">
						<input type="text" class="search_ipt" />
						<img src="common/asset/images/shousuo.jpg"/>
					</form>
				</div>
			</div>
			<!--banner-->
			<div class="banner swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="common/asset/images/banner.jpg"/></div>
			        <div class="swiper-slide"><img src="common/asset/images/banner.jpg"/></div>
			        <div class="swiper-slide"><img src="common/asset/images/banner.jpg"/></div>
				</div>
			</div>
			<!--详情页主体内容-->
			<div class="main">
				<!--顶部导航栏-->
				<div class="main_top">
					<div class="color_l"></div>
					<div class="font">
						<p><span>当前位置</span>：<a href="index.html">主页</a> > <a href="#">我要投资</a> > 投资列表</p>
					</div>
				</div>
				<!--分类-->
				<div class="main_c">
					<div class="c">
						<img src="img/list_01.png"/>按类型：
						<span>全部 </span>	
						<a href="">股权转让</a>
						<a href="">债权转让</a>
						<a href="">实物资产</a>
						<a href="">工美藏品</a>
						<a href="">知识产权</a>
						<a href="">经营产权</a>
						<a href="">房产</a>
						<a href="">矿权</a>
						<a href="">林权</a>
						<a href="">融资</a>
						<a href="">更多</a>
					</div>
					<div class="c">
						<img src="img/list_02.png"/>按行业：
						<span>全部 </span>	
						<a href="">房地产业</a>
						<a href="">电子通讯</a>
						<a href="">电力工业</a>
						<a href="">煤炭工业</a>
						<a href="">冶金矿产</a>
						<a href="">机械制造</a>
						<a href="">基础设施</a>
						<a href="">建筑建材</a>
						<a href="">物流仓储</a>
						<a href="">更多</a>
					</div>
					<div class="c">
						<img src="img/list_03.jpg"/>按地区：
						<span>全部 </span>
						<a href="">北京</a>
						<a href="">天津</a>
						<a href="">上海</a>
						<a href="">重庆</a>
						<a href="">河北</a>
						<a href="">山西</a>
						<a href="">浙江</a>
						<a href="">辽宁</a>
						<a href="">吉林</a>
						<a href="">湖北</a>
						<a href="">江苏</a>
						<a href="">安徽</a>
						<a href="">福建</a>
						<a href="">江西</a>
						<a href="">台湾</a>
						<a href="">香港</a>
						<a href="">澳门</a>
						<a href="">广东</a>
						<a href="">更多</a>
					</div>
				</div>
				<!--详细分区部分-->
				<div class="main_b">
					<!--文章块-->
					<div class="bt_wrap clearfix">
						<div class="btw_l fl"></div>
						<div class="btw_c fl">
							<div class="cl fl"></div>
							<div class="cm fl">
								<ul>
									<li>项目名称</li>
									<li>所在地区</li>
									<li>行业</li>
									<li>类型</li>
									<li>发布时间</li>
								</ul>
							</div>
							<div class="cr fl"></div>
						</div>
						<div class="btw_r fl"></div>
					</div>
					<div class="bb_wrap">
						<table border="0">
							<tr>
								<td class="td1"><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td class="td2">广东</td>
								<td class="td3">餐饮餐馆</td>
								<td class="td4">股权转让</td>
								<td class="td5">2015-06-09</td>
							</tr>
							<tr>
								<td><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td>广东</td>
								<td>餐饮餐馆</td>
								<td>股权转让</td>
								<td>2015-06-09</td>
							</tr>
							<tr>
								<td class="td1"><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td class="td2">广东</td>
								<td class="td3">餐饮餐馆</td>
								<td class="td4">股权转让</td>
								<td class="td5">2015-06-09</td>
							</tr>
							<tr>
								<td><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td>广东</td>
								<td>餐饮餐馆</td>
								<td>股权转让</td>
								<td>2015-06-09</td>
							</tr>
							<tr>
								<td class="td1"><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td class="td2">广东</td>
								<td class="td3">餐饮餐馆</td>
								<td class="td4">股权转让</td>
								<td class="td5">2015-06-09</td>
							</tr>
							<tr>
								<td><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td>广东</td>
								<td>餐饮餐馆</td>
								<td>股权转让</td>
								<td>2015-06-09</td>
							</tr>
							<tr>
								<td class="td1"><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td class="td2">广东</td>
								<td class="td3">餐饮餐馆</td>
								<td class="td4">股权转让</td>
								<td class="td5">2015-06-09</td>
							</tr>
							<tr>
								<td><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td>广东</td>
								<td>餐饮餐馆</td>
								<td>股权转让</td>
								<td>2015-06-09</td>
							</tr>
							<tr>
								<td class="td1"><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td class="td2">广东</td>
								<td class="td3">餐饮餐馆</td>
								<td class="td4">股权转让</td>
								<td class="td5">2015-06-09</td>
							</tr>
							<tr>
								<td><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td>广东</td>
								<td>餐饮餐馆</td>
								<td>股权转让</td>
								<td>2015-06-09</td>
							</tr>
							<tr>
								<td class="td1"><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td class="td2">广东</td>
								<td class="td3">餐饮餐馆</td>
								<td class="td4">股权转让</td>
								<td class="td5">2015-06-09</td>
							</tr>
							<tr>
								<td><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td>广东</td>
								<td>餐饮餐馆</td>
								<td>股权转让</td>
								<td>2015-06-09</td>
							</tr>
							<tr>
								<td class="td1"><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td class="td2">广东</td>
								<td class="td3">餐饮餐馆</td>
								<td class="td4">股权转让</td>
								<td class="td5">2015-06-09</td>
							</tr>
							<tr>
								<td><a href="script:void 0">[广州天河龙洞] 可圈可点茶餐厅</a></td>
								<td>广东</td>
								<td>餐饮餐馆</td>
								<td>股权转让</td>
								<td>2015-06-09</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="fenye">
					<div class="fy_wrap">
						<form action="#">
							<div class="fy">
							<input type="submit" name="" id="" value="上一页" />
							</div>
							<div class="fq act">
								<input type="submit" name="" id="" value="1" />
							</div>
							<div class="fq">
								<input type="submit" name="" id="" value="2" />
							</div>
							<div class="fq">
								<input type="submit" name="" id="" value="3" />
							</div>
							<div class="fq">
								<input type="submit" name="" id="" value="4" />
							</div>
							<div class="fq">
								<input type="submit" name="" id="" value="5" />
							</div>
							<div class="fy">
								<input type="submit" name="" id="" value="下一页" />
							</div>
						</form>
					</div>
				</div>
			</div>
			<!--foot-->
			<div class="foot">
				<div class="foot_top clearfix">
					<div class="top_left">
						<div class="left_wrapper">
							<div>
								<p>简介</p>
							</div>
							<div>
								<a href="script:void 0">鼎搜网简介</a>
							</div>
							<div>
								<a href="script:void 0">鼎搜服务</a>
							</div>
							<div>
								<a href="script:void 0">会员身份实名认证</a>
							</div>
						</div>
						<div class="left_wrapper">
							<div>
								<p>帮助</p>
							</div>
							<div>
								<a href="script:void 0">用户注册</a>
							</div>
							<div>
								<a href="script:void 0">关于鼎搜</a>
							</div>
							<div>
								<a href="script:void 0">在线咨询</a>
							</div>
						</div>
						<div class="left_wrapper">
							<div>
								<p>共赢</p>
							</div>
							<div>
								<a href="script:void 0">网站合作</a>
							</div>
							<div>
								<a href="script:void 0">用户协议</a>
							</div>
							<div>
								<a href="script:void 0">会员身份实名认证</a>
							</div>
						</div>
						<div class="left_wrapper">
							<div>
								<p>导航</p>
							</div>
							<div>
								<a href="script:void 0">地图首页</a>
							</div>
							<div>
								<a href="script:void 0">职能分类</a>
							</div>
							<div>
								<a href="script:void 0">企业名录</a>
							</div>
						</div>
					</div>
					<div class="top_right">
						<div class="right_wrapper">
							<div class="rw_top clearfix">
								<div class="rw_top_pic">
									<img src="img/phone.jpg"/>
								</div>
								<div class="rw_top_item_list">
									<div class="rw_top_item">
									<p>全国热线服务
										<span>投诉电话:4408801779</span>
									</p>
									</div>
									<div class="rw_top_item">
										<p>440-880-1779&nbsp
											<span>周一至周六:9:20-20:00</span>
										</p>
									</div>
									<div class="rw_top_item">
										<span>邮箱:dinsoo@163.com</span>
										<img src="img/weibo.jpg" alt="" />
									</div>
								</div>
							</div>
							<div class="rw_bottom">
								<div class="rw_bottom_pic">
									<img src="img/wechat.jpg"/>
								</div>
								<div class="rw_bottom_item">
									<p>订阅信息</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="foot_bottom">
					<div>
						<p>Copyright &copy;2015 鼎搜网(www.dinsoo.com)版权所有</p>
					</div>
				</div>
			</div>
		</div>
		
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
//		    direction: 'vertical', // 垂直切换选项
		    loop: true, // 循环模式选项
		    autoplay:true,//自动切换
		    
//		    // 如果需要分页器
//		    pagination: {
//		      el: '.swiper-pagination',
//		    },
		    
//		    // 如果需要前进后退按钮
//		    navigation: {
//		      nextEl: '.swiper-button-next',
//		      prevEl: '.swiper-button-prev',
//		    },
//		    
//		    // 如果需要滚动条
//		    scrollbar: {
//		      el: '.swiper-scrollbar',
//		    },
		  }) 
		</script> 
	</body>
</html>
